<template>
	<view class="sort-item">
		<view class="sort-name">
			王氏活蟹礼盒
		</view>
	</view>
</template>

<script>

</script>

<style lang="scss" scoped>
	.sort-item {
		margin-right: 10px;
		width: 180px;
		height: 250px;
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(http://img.alicdn.com/img/i4/2888415085/O1CN01btU1t91nQyyWFenQE_!!2888415085-0-alimamacc.jpg_.webp);

		.sort-name {
			color: #fff;
			font-weight: bold;
			font-size: 14px;
			position: absolute;
			text-align: center;
			bottom: 20px;
			left: 50%;
			transform: translate(-50%);

			&::after {
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: #fff;
				margin-top: 2px;
			}
		}
	}
</style>